<template>
  <div class="demo-block">
    <h4>基本用法</h4>
    <my-button type="primary" @click="modalShow = true">打开弹窗</my-button>

    <my-modal title="我是一个弹窗" :show.sync="modalShow">
      <p>弹窗内容</p>
      <template slot="footer">
        <my-button round @click="modalShow = false">取 消</my-button>
        <my-button round type="primary" @click="modalShow = false">确 定</my-button>
      </template>
    </my-modal>
  </div>
</template>

<script>
import button from "../../../../src/components/button";
import modal from "../../../../src/components/modal";
export default {
  components: {
    "my-button": button,
    "my-modal": modal,
  },
  data() {
    return {
      modalShow: false,
    };
  },
};
</script>

<style scoped>
.demo-row {
  margin: -10px;
}
</style>